import React from "react"
import {observer,inject} from 'mobx-react'

/*
    oberver把当前组件变成观察者，当store中数据发生变化时，当前组件自动更新。
    inject使用上下文中的store数据
*/
const StudyMobx=props=>{
    console.log('props',props);
    let {study}=props.store
    return(
        <div>
            <h1>学习mobx</h1>
            <hr />
            <h1>{study.msg}</h1>
            <button onClick={()=>study.changeMsg(Math.random())}>修改mobx中的msg</button>
        </div>
    )
}
export default inject('store')(observer(StudyMobx))